.index_swiper {
  // 设置高度，改变swiper轮播图组件原始的150px高度
  height: 340rpx;
  // 设置image原始的宽度占满整行
  image {
    width: 100%;
  }
}
.index_cate {
  display: flex;
  navigator {
    padding: 20rpx;
    flex-grow: 1;
    image {
      width: 100%;
    }
  }
}

.index_floor {
  .floor_group {
    .floor_title {
      padding: 10rpx 0;
      image {
        width: 100%;
      }
    }
    .floor_list {
      //因为子元素设置了float，所以要在父元素清除浮动
      overflow: hidden;
      navigator {
        float: left;
        width: 33.33%;

        /* nth-last-child(-n+4)===》表示后四个元素 */
        &:nth-last-child(-n + 4) {
          /* 原图的宽高 232 *386 */
          // 232 / 386 = 33.33vw / height
          // 第一张图片的高度 height:33.33vw * 386 /  232
          height: 33.33vw * 386 / 232 /2;
          //   height: 100rpx;
          border-left: 10rpx solid #fff;
        }

        /* 2 3 两个超链接 */
        &:nth-child(2),
        &:nth-child(3) {
          border-bottom: 10rpx solid #fff;
        }
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
